<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>getUrlPatamToObj.js--获取URL参数插件</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="./getUrlParamToObj.js"></script>
    <script src="http://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <style>
        .well2 {
            background-color: #fff;
            border: 0px;
            padding: 19px;
            min-height: 20px;
            color: slategrey;
        }

        .form-control {
            width: 50%;
        }
    </style>
</head>

<body>
<div class="container" style="margin-bottom:200px;">
    <div class="row">
        <div class="jumbotron">
            <h2><img src=""alt="postbird"  width="60" height="60">
                @ Postbird</h2>
            <p><a href="mailto:ptbird@yeah.net" class="btn btn-primary btn-sm">email：ptbird@yeah.net ></a></p>
            <p><a href="http://www.ptbird.cn" class="btn btn-success btn-sm">website：www.ptbird.cn ></a></p>
            <p>
                <small>本页面采用 bootcss cdn服务的bootstrap&jquery，如页面显示不正常或jquery无反应，请确认网络连接正确。</small>
            </p>
            <p>
                <small>POSTBIRD:There I am ,in the world more exciting!</small>
            </p>
            <p>
                <small>为方便显示当前logo图片采用base64编码，项目附件中采用图片加载！</small>
            </p>
        </div>
        <div class="page-header">
            <h1>js获取url参数插件（极致小）
                <small>getUrlParamToObj.js</small>
            </h1>
        </div>
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="">Demo1 <font color="red">[<a href="./index.html?GUID=gad1-12sd-23fd-cdf3&auth=postbird">./index.html?GUID=gad1-12sd-23fd-cdf3&auth=postbird</a>
                        ](点击测试)</font></h4>
                </div>
                <div class="panel-body">
                    <div class="well2">
                        注：1、对于正常的?后面的参数直接将其返回对象格式 <font color="red"></font><br><br>
                            <pre>
        var urlObj=getUrlParamToObj();
        var tempStr1="";
        tempStr1+="[ ";
        for(var name in urlObj){
            tempStr1+=name+": "+urlObj[name]+",";
        }
        tempStr1+=" ]";
        $("#demo1Font").text(tempStr1);</pre>
                    </div>
                </div>
                <div class="panel-footer">
                    返回的参数列表是：
                    <strong><font color="red"><span id="demo1Font"></span></font></strong>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="page-header"><h2> 使用说明： </h2></div>
            <h2>
                <small>一、文件引入：<strong><span><</span><font color="#cd5c5c">script src="./getUrlParamToObj.js"><</font>script></strong>
                </small>
            </h2>
            <h2>
                <small>二、文件说明：</small>
            </h2>
            <div class="well2">
                <h4>文件中有一个函数:
                    <br><br> <strong>function getUrlParamToObj(){}
                        <small></small>
                    </strong>

                    <h2>
                        <small>三、函数调用： 以第一个demo举例</small>
                    </h2>
                <pre><h4>
 var urlObj = getUrlParamToObj();

/* 主要是  getUrlParamToObj(); 的调用 */

//直接调用即可
                </h4></pre>
            </div>
            <div class="col-md-12">
                <div class="page-header"><h2> 版权声明： </h2></div>
                <h2>
                    <small>一、开放使用，您可以在此基础上按需求调整或将函数粘贴出以减少get请求数量。</small>
                </h2>
                <h2>
                    <small>二、您可以在此基础上二次包装并再次进行发布。</small>
                </h2>
                <h2>
                    <small>三、License ： MIT</small>
                </h2>
            </div>
            <div class="col-md-12">
                <div class="page-header"><h2> JS源代码： </h2></div>
               <pre>
/** Created by postbird on 2016/4/1.  ...*/
/**
 *      @postbird
 *      1、本插件采用js编写，可直接将函数复制到个人js文件，减少get请求数
 *      2、author：powered by postbird
 *      3、email： ptbird@yeah.net
 *      4、site：http://www.ptbird.cn
 *      5、license : MIT
 * */
/**
 * 通过 js location对象的search属性返回？以及后面的参数部分
 */
function getUrlParamToObj() {
    var url = location.search;//获取参数部分
    var ansObj = new Object();//设置返回参数的对象
    if (url.indexOf("?") != -1) {  //indexOf()如果返回-1 则存在?
        var str = url.substr(1).split("&");//将？去掉 进行&分割  a=1 b=2  进行对象拼装
        for (var i = 0; i < str.length; i++) {
            var tempArr = str[i].split("=");//拆分 =
            ansObj[tempArr[0]] = (tempArr[1]);
        }
    }
    return ansObj;
}
               </pre>
            </div>
            <div class="col-md-12">
                <div class="well text-center">
                    Powered by postbird . &copy;2016
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function () {
            var urlObj = getUrlParamToObj();
            var tempStr1 = "";
            tempStr1 += "[ ";
            for (var name in urlObj) {
                tempStr1 += name + ": " + urlObj[name] + " , ";
            }
            tempStr1 += " ]";
            $("#demo1Font").text(tempStr1);
        });
    </script>
</body>
</html>